<template>
  <div>

  </div>
</template>

<script>

import {ref, reactive, readonly, isRef, isReactive, isReadonly, isProxy} from "vue";

export default {
  name: 'App',
  components: {},
  setup() {
    // 数据
    let car = reactive({
      name: '奔驰',
      price: '40w'
    })
    let sum = ref(0)
    let person = readonly({
      name: '张三',
      age: 19
    })
    // 方法
    console.log(isRef(sum))
    console.log(isReactive(car))
    console.log(isReadonly(person))
    console.log(isProxy(sum))

    // 返回对象
    return {
      car,
      sum,
      person
    }
  }
}
</script>

<style>

</style>
